<template>
  <div>
    <deerDefault>
      <div slot="formHead" class="flexLeft flex1">
        <div class="datum">申报材料</div>
        <div class="datumItem flex1">
          <div>节目来源</div>
          <div>录制日期</div>
          <div>录制设备及型号</div>
          <div>附件</div>
        </div>
      </div>
      <div slot="formMain" class="formMain">
        <div class="flexLeft flex1 borB formItem">
          第（ <input type="text" /> ）套 或（ <input type="text" /> ）频道
        </div>
        <div class="flexLeft flex1 borB formItem">
          <div class="flexLeft flex1">
            <input type="text" style="width: 60px" />
            年
            <input type="text" style="width: 60px" />
            月
            <input type="text" style="width: 60px" />
            日
          </div>
          <div class="flexLeft flex1">
            <div class="awardName borL borR">录制起止时间</div>
            <div class="flexLeft flex1">
              <input type="text" style="width: 60px" />
              时
              <input type="text" style="width: 60px" />
              分至
              <input type="text" style="width: 60px" />
              时
              <input type="text" style="width: 60px" />
              分
            </div>
          </div>
        </div>
        <div class="flexLeft flex1 borB formItem">
          <input type="text" class="flex1" />
        </div>
        <div class="flexLeft flex1 borB formItem">
          <div>1.广播节目时间表</div>
          <div>2.广播节目播出串联单</div>
        </div>
      </div>
    </deerDefault>
  </div>
</template>

<script>
import deerDefault from "@/components/deerAward/deerDefault.vue";
export default {
  components: {
    deerDefault,
  },
};
</script>

<style lang="scss" scoped>
.datum {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: bt-rl;
  writing-mode: vertical-rl;
  text-align: center;
}
.datumItem {
  border-left: 1px solid #b8babd;
  text-align: center;
  margin-right: -14px;
  div {
    border-bottom: 1px solid #b8babd;
    margin-bottom: -1px;
  }
}
.formItem {
  height: 44px;
  padding-left: 10px;
}
</style>